<template>
  <div>
    <p>child</p>
    <p>child2</p>
    <p>child3</p>
    <p>{{ msg }}abc</p>
  </div>
</template>
<script>
export default {
  props: ['msg'],
  created() {
    console.log('Child.vue created');
  },
  mounted() {
    console.log('Child.vue mounted');
  },
  updated() {
    console.log('Child.vue updated');
  },
  destroyed() {
    console.log('Child.vue destroyed3');
  },
};
</script>

